@extends('base')
@section('title', 'Home page')
@section('csses')
@endsection
@section('content')
<div>
  <div class="col-md-8 col-xs-12 main_l">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="{{asset('images/20180515172230.jpg')}}" >
          <div class="carousel-caption">
            Ecology and social system of northern gibbons living in cold seasonal forests
          </div>
        </div>
        <div class="item">
          <img src="{{asset('images/20180307180422.jpg')}}">
          <div class="carousel-caption">
            Ecology and social system of northern gibbons living in cold seasonal forests
          </div>
        </div>
      </div>
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>
  <div class="col-md-4 col-xs-12 main_r ">
    <div class="main_r1">
      <div class="col-md-6 col-xs-6 main_pic  ">
        <a class="image-popup-vertical-fit" href="images/20180512222509.jpg">
          <img src="images/20180512222509.jpg" width="150">
        </a>
      </div>
      <div class="col-md-6 col-xs-6 main_url">
        <a href="#"><strong><span class="font-col">Current Issue</span> </strong> </a><br>
        Volume 39 Issue 4<br>
        18 July 2018<br>
        <a href="#" style="color:#FFF;">Table of Content</a>
        <div style=" height:20px;"></div>
        <strong><span class="bais">Bimonthly</span> </strong><br>
        Founded in 1980<br>
        ISSN: 2095-8137<br>
        CN: 53-1229/Q<br>
      </div>
    </div>
  </div>
</div>
<div class="col-md-8 col-xs-12 main_l">
  <div class="main_l1">
    <div class="tit"><h2>Featured Articles</h2></div>
    <p>
      <strong>Ecology and social system of northern gibbons living in cold seasonal forests </strong>
      Zhen-Hua Guan, Chang-Yong Ma, Han-Lan Fei, Bei Huang, Wen-He Ning, Qing-Yong Ni, Xue-Long Jiang, Peng-Fei Fan <br/>
      2018 Vol. 39 (4): 255-265
    </p>
  </div>
  <div class="main_l2">
    <div class="tit"><h2>Current Issue</h2></div>
    <h3>18 July 2018, Volume 39 Issue 4<a href="#">Previous Issue   </a></h3>
    <div class="sec">
      <input  type="checkbox" >
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      Selected:<img src="{{asset('images/sele_abs.gif')}}"><a class="view_abstract" href="#">View Abstracts</a>
      <div id="ref-export" class="dc-con" data-e-url="{{ route('article.export_refs') }}">
        <img src="{{asset('images/sele_down.jpg')}}"><span>Download Citations</span>
        <dl>
          <a href="#" data-type="endnote">EndNote</a>
          <a href="#" data-type="reference_manager">Reference Manager</a>
          <a href="#" data-type="procite">ProCite</a>
          <a href="#" data-type="bibtex">BibTeX</a>
          <a href="#" data-type="refworks">RefWorks</a>
        </dl>
      </div>
      <img src="{{asset('images/sele_pic1.png')}}"><a class="togle_pic" href="#">Toggle Thumbnails</a>
    </div>
    <ul>
      <li>
        <h4>Full issue</h4>
        <div class="lidiv1">
          <input  type="checkbox" >
          <a href="#"><strong>Contents</strong></a>
          <img src="{{asset('images/t_open.gif')}}">
        </div>
        <div class="lidiv">
          <p>Zoological Research. 2018, 39 (<strong>4</strong>): 241-300.   </p>
          <span><img src="{{asset('images/abstract2.png')}}"><a href="#">Abstract</a> ( 48 )</span><span><img src="{{asset('images/htm.jpg')}}"><a href="#">RICH HTML</a></span><span><img src="{{asset('images/pdf.jpg')}}"><a href="#">PDF </a>(37662KB) ( 44 )</span>
          <h5><a href="#">Related Articles </a>| <a href="#">Metrics
        </a></h5>
      </div>
    </li>
    @foreach(range(0,3) as $v)
    <li>
      <h4>Commentary</h4>
      @foreach(range(0,1) as $v)
      <div class="lidiv1">
        <input  type="checkbox" >
        <a href="#"><strong>Extant primates and development of primatology in China: Publications, student training, and funding</strong></a>
        <img src="{{asset('images/t_open.gif')}}">
      </div>
      <div class="lidiv">
        <h6>Paul A. Garber</h6>
        <p>Kaitlin R. Wright, Jessica A. Mayhew, Lori K. Sheeran, Jake A. Funkhouser, Ronald. S. Wagner, Li-Xing Sun, Jin-Hua Li Zoological Research. 2018, 39 (4): 272-283.   DOI: 10.24272/j.issn.2095-8137.2018.048 </p>
        <span><img src="{{asset('images/abstract2.png')}}"><a href="#">Abstract</a> ( 48 )</span><span><img src="{{asset('images/htm.jpg')}}"><a href="#">RICH HTML</a></span><span><img src="{{asset('images/pdf.jpg')}}"><a href="#">PDF </a>(37662KB) ( 44 )</span>
        <h5><a href="#">Related Articles </a>| <a href="#">Metrics</a></h5>
      </div>
      @endforeach
    </li>
    @endforeach
    <li>
      <div class="bottom_pic">
        <div class="tit">
          <a href="#"><h2>Archive</h2></a>
        </div>
        <div class="neirong">
          <div class="justify-content">
            @foreach(range(0,4) as $v)
            <div  class="text-center">
              <a href="../volumn/volumn_1362.shtml" class="J_WenZhang">
                <img width="130" height="170" style="border:1px solid #ccc;" src="{{ asset('images/zr_1.jpg') }}">
              </a>
              <a href="../volumn/volumn_1362.shtml">
              2018&nbsp;Vol.39&nbsp;No.3</a>
            </div>
            @endforeach
          </div>
        </div>
      </div>
    </li>
  </ul>
</div>
</div>
<div class="col-md-4 col-xs-12 main_r">
<div class="main_r2">
  <div class="news">
    <h3>ZR News</h3>
    <ul>
      <li>
        <a href="#">Acknowledgments to reviewers of Zoological Research</a><br>
        <span class="time">2018-04-30</span>
      </li>
      <li>
        <a href="#">2018 Frontiers in Zoology Symposium</a><br>
        <span class="time">2018-02-12</span>
      </li>
      <li>
        <a href="#" >“2018 Frontiers of Zoology Forum” --The 2nd Round Meeting Announcement</a><br>
        <span class="time">2018-01-18</span>
      </li>
      <li>
        <a href="#" >Obituary: Professor Colin Groves (1942-2017)</a><br>
        <span class="time">2017-12-18</span>
      </li>
      <li>
        <a href="#" >Professor Nina Jablonski, a board member of Zoological Research, visits KIZ</a><br>
        <span class="time">2017-06-06</span>
      </li>
    </ul>
    <div class="more_news">
      <a href="#">More&gt;&gt;</a>
    </div>
  </div>
  <div class="most">
    <h3>Article in Press</h3>
    <ul>
      <table cellspacing="0" cellpadding="0" width="100%" border="0" align="center" style="margin-bottom: 15px">
        <tbody>
          <tr>
            <td width="87%" valign="top">
              <a target="_blank" href="../10.24272/j.issn.2095-8137.2018.056"><span class="abstract">Patterns of human-wildlife conflict and compensation practices around Daxueshan Nature Reserve, China</span></a>
              <br>
              <span style="font-size: 13px;">Cheng Huang, Xue-You Li, Liu-Jun Shi, Xue-Long Jiang</span></td>
            </tr>
          </tbody>
        </table>
        <div class="mores">
          <a href="#">More&gt;&gt;</a>
        </div>
      </div>
      <div class="most most_url">
        <div align="center">
          <a title="SCImago Journal &amp; Country Rank" href="http://www.scimagojr.com/journalsearch.php?q=19700173308&amp;tip=sid&amp;exact=no"><img border="0" alt="SCImago Journal &amp; Country Rank" src="http://www.scimagojr.com/journal_img.php?id=19700173308"></a>
        </div>
      </div>
      <div class="most link">
        <h3>Links</h3>
        <ul>
          <li>
            <a target="_blank" href="https://www.ncbi.nlm.nih.gov/pmc/journals/2884/">PubMed Central</a><br>
          </li>
          <li>
            <a target="_blank" href="https://www.scopus.com/sourceid/19700173308?origin=sbrowse">ZR CiteScore</a><br>
          </li>
          <li>
            <a target="_blank" href="https://apps.webofknowledge.com/WOS_GeneralSearch_input.do?locale=en_US&amp;errorKey=&amp;viewType=input&amp;pro">Web of Science</a><br>
          </li>
          <li>
            <a target="_blank" href="https://doaj.org/">DOAJ--Directory of Open Access Journals</a><br>
          </li>
          <li>
            <a target="_blank" href="http://www.bioline.org.br/toc?id=zr">Bioline International</a><br>
          </li>
          <div class="mores"><a href="#">More&gt;&gt;</a></div>
        </ul>
      </div>
    </div>
  </div>
  @endsection
  @section('scripts')
  @endsection
